<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>停车场用户--${headerTitle }</title>
	
  	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1";/><!-- IE的渲染模式 -->
    <meta name="keywords" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="description" content="信帧,teleframe,iparking,I停车,爱停车,blackshadowwalker" />
	<meta name="author" content="blackshadowwalker" />
    
	<link href="bootstrap/3/css/bootstrap.css" rel="stylesheet"/>
	<link href="index/css/justified-nav.css" rel="stylesheet">
	<link href="index/css/style.css" rel="stylesheet" >

	<script src="scripts/jquery/jquery-1.7.min.js"></script>
	<script src="bootstrap/3/js/bootstrap.min.js"></script>
	<link href="bootstrap/3/css/datepicker.css" rel="stylesheet"/>
	<script src="bootstrap/3/js/bootstrap-datepicker.js"></script>
	
	<script src="scripts/validateForm.js?t=123"></script>
	<link href="css/common.css" rel="stylesheet"/>
	
	<script type="text/javascript">
		var msg = "${msg}";
		if(msg!="")
			alert(msg);
			
	</script>

	<style>
		body{
			margin-left: 10px;
			margin-top: 7px;
		}
	</style>

</head>

<body>
	<div>
		<div class="alert-info" style="">
			<a href="${action}" class="btn btn-warning">返回</a>
			<div style="display:inline;margin-left:30px;color:#f00;">
				${msg }
			</div>
		</div >
	</div>
	
	<form id="myform" name="myform" class="form-horizontal" action="${action}?id=${id}&method=${method}" method="post" >

			<s:if test="flag==0">
				<s:set name="notEmpty" value="'false'" />
			</s:if>
			<s:else>
				<s:set name="notEmpty" value="'true'" />
			</s:else>
			
		<div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>原密码：</label>
		    <div class="col-sm-5">
		      	<input type="password" class="form-control" id="oldpwd" placeholder="原密码"
		      	isValidate="true" notEmpty="<s:property value="notEmpty" />"  notSpecial="true"  specialChar="~!@#$%^&*()+ |?" msg="原密码"  leng="20" minLeng="6" onblur="chepwd()"/>
		      	<input  style="display: none;" id="pwdd" value="${mana.userPasswd}"/>
		    </div>
		  </div>
		  	<div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>新密码：</label>
		    <div class="col-sm-5">
		      	<input type="password" class="form-control" name="manager.userPasswd"   placeholder="新密码" 
		      	isValidate="true" notEmpty="<s:property value="notEmpty" />"  notSpecial="true"  specialChar="~!@#$%^&*()+ |?" msg="新密码"  leng="20" minLeng="6" />
		      	 <span class="errorMessage" >
					<s:property value="errors['manager.userPasswd'][0]" />
				</span>
				(支持字母、数字、下划线，长度6-20)
		    </div>
		  </div>
		  <div class="form-group">
		    <label class="col-sm-2 control-label"><span style="color:#f00">*</span>确认密码：</label>
		    <div class="col-sm-5">
		    	
		      	<input type="password" class="form-control" confirmSameValue="manager.userPasswd"    placeholder="确认密码" 
		      	isValidate="true" notEmpty="<s:property value="notEmpty" />"  notSpecial="true"  specialChar="~!@#$%^&*()+ |?"  leng="20" minLeng="6" />
		      	 <span class="errorMessage" >
					<s:property value="errors['manager.userPasswd'][0]" />
				</span>
				(支持字母、数字、下划线，长度6-20)
		    </div>
		  </div>
		  
		  <div class="form-group">
		    <label for="inputEmail3" class="col-sm-2 control-label"> </label>
		    <div class="col-sm-5">
	    			<input class="btn btn-success btn-lg btn-block"  type=submit value="${headerTitle }"   />
					<input class="btn btn-primary btn-lg btn-block"  type="reset" value="重置"  />
		     </div>
		  </div>
	</form>
</body>
<script type="text/javascript">
		$(document).ready(
				function() {
					$("#myform input[type='submit']").click(
							function(e) {
								e.preventDefault();//阻止提交按钮的默认 action
								//	  alert("Submit prevented");
								if (!$("#myform").validateForm()) {
									return;
								}
								var btn = $(this);
								btn.val("正在提交...");
								btn.addClass("disabled");
								$(btn).parent().children("input[type='reset']")
										.addClass("disabled");
								$("#myform").submit();
							});
				});
				
				//修改密码判断
				function chepwd(){
					var p=document.getElementById("oldpwd").value;//原密码(输入的)
					var w=document.getElementById("pwdd").value;//原密码(保存的)
					var inp=document.getElementById("oldpwd");
					
					var checkedPassword = "";
					var url = "EncoderHandlerServlet?method=EncoderPasswordBase64Md5";
					$.ajax({
						url: url,
						data: {
								password: p
							},
						dataType: 'json',
						type: 'get',
						success: function(retdata){
								if(window.console)
									console.log(retdata);
								if(retdata.error==0){	
									checkedPassword = retdata.data; 
									if(window.console){
										console.log(checkedPassword);
										console.log(w);
									}
									if(checkedPassword!=w){
										alert("原密码不正确！！");
										inp.focus();
									}
								}
							},
						error: function(XMLHttpRequest, textStatus, errorThrown){
								if(window.console){
									console.log(XMLHttpRequest);
									console.log(textStatus);
									console.log(errorThrown);
								}
								alert(errorThrown);
							}
					});
				
				}
	</script>
</html>